/* ==============helptip ===============*/
.hint-mask {
  background-color: #000;
  opacity: 0.3;
  filter: alpha(opacity=30);
  position: fixed;
  z-index: 10000;
  top: 0px;
  left: 0px;
}
.hint-tips {
  position: absolute;
  z-index: 10001;
  display: none;
  .hint-contents {
    position: relative;
    background-color: #eee;
    padding: 3px;
    .hc-border {
      border: 4px solid #f60;
      position: absolute;
      z-index: 10002;
      top: -64px;
      left: 0px;
    }
    .hc-arrow {
      width: 43px;
      height: 65px;
      background: url(./img/help-tipss.png) 0px -167px no-repeat;
      position: absolute;
      z-index: 10002;
      top: -62px;
      left: 5px;
    }
    .hc-close {
      width: 37px;
      height: 37px;
      background: url(./img/help-tipss.png) 0px -130px no-repeat;
      position: absolute;
      z-index: 10002;
      top: -22px;
      right: -22px;
      cursor: pointer;
    }
    .hc-message {
      padding: 10px;
      border: 3px dashed #66f;
      .hm-content {
        font-size: 18px;
        color: #333;
        line-height: 25px;
      }
      .hm-opts {
        height: 28px;
        margin-top: 5px;
        position: relative;
        z-index: 10002;
        .ho-pre {
          line-height: 26px;
          float: left;
          width: 70px;
          font-size: 14px;
          background-color: #66f;
          color: #fff;
          text-align: center;
          cursor: pointer;
          display: none;
          &:HOVER {
            background-color: #4343e3;
          }
        }
        .ho-next {
          line-height: 26px;
          float: right;
          width: 70px;
          font-size: 14px;
          background-color: #66f;
          color: #fff;
          text-align: center;
          cursor: pointer;
          &:HOVER {
            background-color: #4343e3;
          }
        }
        .ho-last {
          line-height: 28px;
          float: right;
          font-size: 14px;
          color: #f60;
          cursor: pointer;
          cursor: pointer;
          display: none;
          &:hover {
            text-decoration: underline;
          }
        }
      }
    }
  }
}
